<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>


<head>
<title>Admin Home Page</title>
<!-- Bootstrap -->
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
<%@include file="../common/header.jsp"%>
</head>


<body>
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#">微三云</a>
				<div class="nav-collapse collapse"></div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span3" id="sidebar">
				<ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
					<li class="active"><a onclick="openView(0)"><i class="icon-chevron-right"></i> 用户管理</a></li>
					<li><a onclick="openView(1)"><i class="icon-chevron-right"></i> 素材管理</a></li>
					<!--  	<li><a href="stats.html"><i class="icon-chevron-right"></i>
							Statistics (Charts)</a></li>
					<li><a href="form.html"><i class="icon-chevron-right"></i>
							Forms</a></li>
					<li><a href="tables.html"><i class="icon-chevron-right"></i>
							Tables</a></li>
					<li><a href="buttons.html"><i class="icon-chevron-right"></i>
							Buttons & Icons</a></li>
					<li><a href="editors.html"><i class="icon-chevron-right"></i>
							WYSIWYG Editors</a></li>
					<li><a href="interface.html"><i class="icon-chevron-right"></i>
							UI & Interface</a></li>
					<li><a href="#"><span
							class="badge badge-success pull-right">731</span> Orders</a></li>
					<li><a href="#"><span
							class="badge badge-success pull-right">812</span> Invoices</a></li>
					<li><a href="#"><span class="badge badge-info pull-right">27</span>
							Clients</a></li>
					<li><a href="#"><span class="badge badge-info pull-right">1,234</span>
							Users</a></li>
					<li><a href="#"><span class="badge badge-info pull-right">2,221</span>
							Messages</a></li>
					<li><a href="#"><span class="badge badge-info pull-right">11</span>
							Reports</a></li>
					<li><a href="#"><span
							class="badge badge-important pull-right">83</span> Errors</a></li>
					<li><a href="#"><span
							class="badge badge-warning pull-right">4,231</span> Logs</a></li> 
				</ul>
				-->
			</div>

			<!--/span-->
			<div class="span9" id="content"></div>
			<hr>
			<footer>
				<p>&copy; Vincent Gabriel 2013</p>
			</footer>
		</div>
		<!--/.fluid-container-->
		<script>
			$(function() {
				// Easy pie charts
				$('.chart').easyPieChart({
					animate : 1000
				});
			});
		</script>

		<%@include file="../common/foot.jsp"%>
</body>

</html>
<script>

	function openView(pageNum){
		
		$('#content').load();
		switch(pageNum){
			case 0:
				$('#content').load('${pageContext.request.contextPath}/user/view');
				break;
			case 1:
				$('#content').load('${pageContext.request.contextPath}/metrial/view');
				break;
		}
	}
	
</script>